<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>nba商城后台管理</title>
		<link rel="stylesheet" href="./font/iconfont.css" />
		<link rel="stylesheet" href="layui/css/layui.css" />
		<style>
			* {
				font-size: 14px;
				font-family: "微软雅黑";
				box-sizing: border-box;
			}
			
			body {
				overflow: hidden;
			}
			
			a {
				text-decoration: none;
			}
			
			li {
				list-style: none;
			}
			
			h1 {
				font-family: "华文行楷";
				font-size: 28px;
			}
			.layui-logo a{
				color: #009688;
				font-size: 32px;
				font-family: "华文行楷";
			}
			.layui-nav-item a i{
				margin-right: 10px;
				font-size: 16px;
			}
			.layadmin-tabsbody-item{
				position: absolute;
				top: 0;
				left: 0;
				bottom: 0;
				right: 0;
				overflow: hidden;
			}
			.layadmin-iframe{
				position: absolute;
				width: 100%;
				height: 100%;
				top: 0;
				left: 0;
				bottom: 0;
				right: 0;
				border: none;
			}
			
		</style>
	</head>

	<body class="layui-layout-body">
		<div class="layui-layout layui-layout-admin">
			<div class="layui-header">
				<div class="layui-logo">
					<a href="index.html">后台管理平台</a>
				</div>
				<ul class="layui-nav layui-layout-right">
					<li class="layui-nav-item">
						<a href="javascript:;">
							贤心
						</a>
						<dl class="layui-nav-child">
							<dd>
								<a href="">基本资料</a>
							</dd>
							<dd>
								<a href="">安全设置</a>
							</dd>
						</dl>
					</li>
					<li class="layui-nav-item">
						<a href="">退了</a>
					</li>
				</ul>
			</div>
			<div class="layui-side layui-bg-black">
				<div class="layui-side-scroll">
					<ul class="layui-nav layui-nav-tree layui-inline" lay-filter="demo">
						<li class="layui-nav-item">
							<a href="javascript:;">
								<i class="iconfont icon-yonghu1"></i>用户管理
							</a>
							<dl class="layui-nav-child">
								<dd>
									<a href="user.html" target="frame">用户列表</a>
								</dd>
								<dd>
									<a href="#" target="frame">会员表</a>
									</span>
								</dd>
							</dl>
						</li>
						<li class="layui-nav-item">
							<a href="javascript:;">
								<i class="iconfont icon-shangpin"></i>商品管理
							</a>
							<dl class="layui-nav-child">
								<dd>
									<a href="product_class.html" target="frame">商品类别</a>
								</dd>
								<dd>
									<a href="#" target="frame">商品列表</a>
								</dd>
								<dd>
									<a href="#" target="frame">颜色表</a>
								</dd>
								<dd>
									<a href="#" target="frame">尺寸表</a>
								</dd>
							</dl>
						</li>
						<li class="layui-nav-item">
							<a href="#" target="frame">
								<i class="iconfont icon-dizhiguanli"></i>地址管理
							</a>
						</li>
					</ul>
				</div>
			</div>
			<div class="layui-body">
				<div class="layadmin-tabsbody-item layui-show">
					<iframe class="layadmin-iframe" name="frame" src="product_class.html"></iframe>
				</div>
			</div>

			<div class="layui-footer">
				© 底部固定区域
			</div>

		</div>

		<script type="text/javascript" src="../js/jquery-3.3.1.js"></script>
		<script type="text/javascript" src="layui/layui.all.js"></script>

		<script type="text/javascript">
			layui.use(['layer', 'form', 'element'], function() {
				var layer = layui.layer,
					form = layui.form,
					element = layui.element;
				layer.msg('欢迎回来');
			});
		</script>
	</body>

</html>